<template>
    <c-binding-layout>
        <a-tabs size="large" default-active-key="1" style="margin: 70px auto;width: 700px;padding:25px;">
            <!-- 绑定后台账号 -->
            <a-tab-pane key="1">
                <template slot="tab">
                    <a-icon type="link" />
                    <span>已有后台账号,请绑定</span>
                </template>
                <!-- 表单 -->
                <binding-form class="form-wrapper" :user="user" :callback="callback" />
            </a-tab-pane>
            <!-- 申请开通后台账号 -->
            <a-tab-pane key="2" :disabled="true">
                <template slot="tab">
                    <a-icon type="user-add" />
                    <span>没有后台账号,请完善信息</span>
                </template>
            </a-tab-pane>
        </a-tabs>
    </c-binding-layout>
</template>

<script>
    import CBindingLayout from '@/components/layout/CBindingLayout';
    import BindingForm from './modules/BindingForm';
    export default {
        components : { CBindingLayout,BindingForm },
        props : {
            user : { type : Object,required : true },
            callback : { type : String, required : true }
        },
    }
</script>
<style scoped>
    .form-wrapper{
        width: 400px;
        margin: 0 auto;
    }
</style>
